<!doctype html>
<html ng-app="66MobileTopicApp">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<script src="../../../../../lib/jquery/js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="../../../../../lib/jquery/jquery.endless-scroll.js"></script>
<script src="../../../../../lib/angular/angular.js"></script>
<script src="../../../../../lib/angular/angular-route.js"></script>
<script src="../../../../../lib/angular/angular-resource.js"></script>
<script src="../../js/topic/app.js"></script>
<script type="text/javascript" charset="utf-8">

    $(document).ready(function(){
        var imgs =[]
        $("#alldoc").find("img").each(function(index,element){
            console.log();
            var ee=$(element)
            if(index>3){
                imgs[index]=ee.attr("src")
                ee.attr("src","");
            }

        });


        console.log(window.outerHeight*0.8);

        $(document).endlessScroll({
            bottomPixels:window.outerHeight,
            fireDelay: 20,
            callback: function(i) {
                $($("#alldoc").find("img")[i+3]).attr("src",imgs[i]);
                console.log(i);
            }
        });

    })


</script>
<body>
<div  ng-view>

</div>
</body>

</html>